<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#0A5AF9">
    <title>绑定手机</title>
    <link rel="stylesheet" type="text/css" href="../css/public-head.css" />
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
    <style>
        html,
        body {
            background-color: #EEEEEE;
        }
* {
            margin: 0;
            padding: 0;
        }

        .please {
            font-size: 15px;
            color: #595959;
            line-height: 27px;
            font-weight: 400;
            margin: 10px 15px;
        }

        .list_o {
            background-color: white;
        }

        .list_ou {
            border-bottom: 1px solid rgba(131, 131, 139, 0.18);
        }

        .list_ou input {
            border: none;
            outline: none;
            margin: 0;
        }

        input::-webkit-input-placeholder {
            font-size: 14px;
            color: rgba(191, 191, 191, 0.6);
            font-weight: 500;
        }

        .list_border {
            border: none;
        }

        .six-number {
            font-size: 13px;
            color: #313131;
            line-height: 27px;
            font-weight: 400;
            margin: 10px 15px;
        }

        .sure {
            text-align: center;
            margin: 20px 0 0 0;
        }

        .sure>button {
            width: 240px;
            background-color: #0A5AFA;
            color: white;
            border: none;
            font-size: 17px;
            font-weight: 400;
            height: 45px;
            line-height: 37px;
            border-radius: 5px;
        }

        .change {
            font-size: 15px;
            text-align: center;
            display: block;
            margin: 20px 0 0 0;
        }
        
    </style>
</head>

<body>
    <div class="main">
        <div class="please">请验证旧密码并设置支付密码</div>
        <div class="list_o">
            <div class="list_ou">
                <input type="password" placeholder="请输入旧密码" />
            </div>
            <div class="list_ou list_h">
                <input type="password" placeholder="请输入新的密码" />
            </div>
            <div class="list_ou list_border">
                <input type="password" placeholder="请再次输入新密码" />
            </div>
        </div>
        <div class="six-number">密码设置为6位数字</div>
        <div class="sure" tapmode onclick="set_up()"><button>确 定</button></div>
        <a href="certified-phone-number.html" class="change">换个方式修改密码</a>
    </div>
</body>
<script type="text/javascript" src="../script/public-head.js"></script>
<script type="text/javascript" src="../script/rem.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/mui.js"></script>
<script type="text/javascript">
    headInner({
        title: "",
        //headleft
        headl: '<a href="javascript:history.back(-1)" style="color:white" class="mui-icon mui-icon-left-nav" tapmode onclick="api.closeWin()"></a>',
        //headright
        headr: '<a style="color:white"></a>',
        color: "", //默认是蓝色
        padding: "0px 0px 0px",
    })

    function modifypassword() {
        api.openWin({
            name: 'modify-payment-password',
            url: '../html/modify-payment-password.html'
        });
    }

    function modifypassword() {
        api.openWin({
            name: 'modify-payment-password',
            url: '../html/modify-payment-password.html'
        });
    }

    function set_up() {
        api.openWin({
            name: 'set-up',
            url: '../html/set-up.html'
        });
    }
</script>

</html>
